<template>
	<!-- 辅助线 -->
	<view class="diy-guide"
		:style="{ textAlign:item.style.paddingLeft,textAlign: `${item.style.paddingLeft}px`,marginTop: `${item.style.marginTop}px`}">
		<view class="line"
			:style="{width: `${item.spaceStyle.width}px`,borderTopWidth: `${item.spaceStyle.borderTopWidth}px`, }">
		</view>
	</view>
</template>

<script>
	export default {

		/**
		 * 组件的属性列表
		 * 用于组件自定义设置
		 */
		props: {
			item: {
				type: Object,
				default: {}
			}
		},

		/**
		 * 组件的方法列表
		 * 更新属性和数据的方法与更新页面数据的方法类似
		 */
		methods: {

		}

	}
</script>

<style lang="scss" scoped>
	.diy-guide .line {
		margin: 0 auto;
		height: 2rpx;
	}
</style>
